/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the Source EULA. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.dropdown {
	width: 100%;
	/* TODO: Determine a more permanent fix; vs/dropdown is overwriting this selector in packaged builds */
	display: flex !important;
	align-items: flex-start;
	cursor: pointer;
}

.dropdown > .dropdown-label {
	width: 100%;
}

.dropdown > .dropdown-label:not(:empty) {
	padding: 0px;
}

.dropdown > .dropdown-icon {
	flex: 0 0 15px;
	height: 10px;
	width: 10px;
	content: url("dropdownarrow.svg");
	align-self: center;
	padding-right: 10px;
}

.vs-dark .dropdown > .dropdown-icon,
.hc-black .dropdown > .dropdown-icon {
	content: url("dropdownarrow_inverse.svg");
}